import { useEffect, useRef, useState } from "react";
import Calendar from "./components/Calendar3";
import dayjs, { Dayjs } from "dayjs";
import Toggle from "./components/Toggle";

function App() {
  const [date, setDate] = useState<Dayjs>(dayjs(Date.now()));
  return (
    // <Toggle />
    <Calendar
      locale="en-US"
      defaultValue={dayjs(Date.now())}
      value={date}
      onChange={(date) => {
        setDate(date)
      }}
      
    dateInnerContent={(value) => {
      return (
        <div>
          <p style={{ background: "yellowgreen", height: "50px" }}>
            {value.format("YYYY/MM/DD")}
          </p>
        </div>
      );
    }}
    />
  );
}

export default App;
